<!--<template>
  <div id="app">
    <SnakeGame @game-over="handleGameOver"/>
  </div>
</template>

<script>
import SnakeGame from './components/SnakeGame.vue'

export default {
  name: 'App',
  components: {
    SnakeGame
  },
  methods: {
    handleGameOver() {
      // 你可以在这里添加重启游戏的逻辑
    }
  },
  mounted() {
    // 禁止页面滚动
    document.body.style.overflow = 'hidden';
  },
  beforeDestroy() {
    // 恢复页面滚动
    document.body.style.overflow = '';
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* 确保页面内容不会超出视口 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style> --> //贪吃蛇


<!--<template>
  <div id="app">
    <Match3Game @game-over="handleGameOver"/>
  </div>
</template>

<script>
import Match3Game from './components/Match3Game.vue'

export default {
  name: 'App',
  components: {
    Match3Game
  },
  methods: {
    handleGameOver() {
      // 你可以在这里添加游戏结束的逻辑
    }
  },
  mounted() {
    // 禁止页面滚动
    document.body.style.overflow = 'hidden';
  },
  beforeDestroy() {
    // 恢复页面滚动
    document.body.style.overflow = '';
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* 确保页面内容不会超出视口 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style> --> //消消乐

<template>
  <div id="app">
    <GomokuGame @game-over="handleGameOver"/>
  </div>
</template>

<script>
import GomokuGame from './components/GomokuGame.vue'

export default {
  name: 'App',
  components: {
    GomokuGame
  },
  methods: {
    handleGameOver() {
      // 你可以在这里添加游戏结束的逻辑
    }
  },
  beforeDestroy() {
    // 恢复页面滚动
    document.body.style.overflow = '';
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* 确保页面内容不会超出视口 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
</style> -->